<div class="row">
<div class="col-xs-12">
	<div class="box">
		<div class="box-header">
			<form id="auto-query-form" class="form-inline" method="post" role="form">
				<div class="form-group">
					<label class="control-label" for="query.keyword">关键字</label>
					<input id="query.keyword" name="query.keyword" placeholder="请输入关键字" class="form-control"/>
				</div>
				<div class="form-group">
					<label class="control-label" for="query.state">有效性</label>
					#@dict_select("query.state","01","DATA_STATE",true,"有效性","")
				</div>
				<div class="form-group">
					<label class="control-label" for="query.id">上级区域</label> <input
						id="query.id" name="query.id" placeholder="请选择上级区域" class="form-control auto-tree-select" 
						data-uri="area/children" />
				</div>
				<div class="form-group">
					#@query_btn()
				</div>
			</form>
		</div>

		<div class="box-body">
			<table id="auto_data_table" class="table table-striped table-hover table-bordered dataTable no-footer" width="100%">
			</table>
		</div>

		<div class="box-footer text-center">
			#@add_btn("area/index",true)
			#@edit_btn("area/index",true)
			#@del_btn("area/index",true)
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#auto_data_table').autoDataTable({
			controller : "area",
			title : "区域管理",
			columns : [
			   { "data" : "name", "name" : "name", "title" : "区域名称" },
			   { "data" : "phone", "name" : "phone", "title" : "电话区号" },
			   { "data" : "zip", "name" : "zip", "title" : "邮政编码" },
			   { "data" : "level", "name" : "level", "title" : "区域级别",render : function(data, type, row, meta) {
	                return dict_name("AREA_LEVEL",data);
	            }  },
			   { "data" : "state", "name" : "state", "title" : "区域状态" ,render : function(data, type, row, meta) {
	                return dict_name("DATA_STATE",data);
	            } },
			   { "data" : "fullname", "name" : "fullname", "title" : "区域全名称" }
			]
		});
	});
</script>